body{
    background-color: #f5f5f5;
}
.fix{
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}
.fix .typepage{
    height: 60px;
    line-height: 60px;
}
.fix .typepage p{
    font-size: 18px;
    font-weight: 400;
    color: #424242;
}
.gundong{
    position: fixed;
    top:0;
    left:0;
    z-index:2;
}
section{
    padding-bottom: 50px;
}
section .choose{
    padding-top: 32px;
    width: 100%;
    height: 894px;
    background-color: #fff;
}
section .choose .left{
    float: left;
    width: 560px;
    height: 800px;
}
section .choose img.mainImg{
    width: 540px;
    height: 540px;
}
section .choose .smallImg{
    width: 560px;
    height: 70px;
    margin-top: 10px;
}
section .choose .smallImg img{
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    cursor: pointer;
}
// section .choose .smallImg a>img:first-child{
//     border: 1px solid #ff6700;
// }
section .choose .text{
    float: left;
    margin-left: 60px;
}
section .choose .text>p:nth-of-type(1){
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 400;
    color: #212121;
    line-height: 36px;
}
section .choose .text>p:nth-of-type(2){
    font-size: 14px;
    color: #b0b0b0;
    padding-top: 8px;
    line-height: 1.5;
}
section .choose .text>p:nth-of-type(3){
    font-size: 14px;
    color:#ff6700;
    margin-top: 15px;
    line-height: 1.5;
}
section .choose .text>p:nth-of-type(4){
    color:#ff6700;
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 28px;
}
section .choose .text .yhj{
    width: 600px;
    height: 31px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 20px;
}
.choose .text .yhj span:nth-of-type(1){
    display: inline-block;
    width: 80px;
    height: 25px;
    background-color: #ff6700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.choose .text .yhj span:nth-of-type(2){
    display: inline-block;
    width: 430px;
    height: 25px;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 25px;
}
.choose .text .yhj a{
    display:block;
    float: right;
    font-size: 14px;
    color: #ff6700;
    line-height: 25px;
}
.choose .address{
    position: relative;
    width: 600px;
    height: 104px;
    margin-bottom: 20px;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
}
.choose .address .add-con{
    width: 498px;
    height: 42px;
    margin:31px auto;
    color: #333;
    font-size: 14px;
}
.choose .address .add-con span{
    margin-right: 14px;
}
.choose .address .add-con a{
    color: #ff6700;
}
.choose .address .add-con span:last-of-type{
    display: block;
    color: #ff6700;
}
.choose .address .add{
    position: absolute;
    top: 33px;
    left: 30px;
    color: #9e9b9d;
}
.choose .color{
    height: 80px;
    font-size: 18px;
    color: #333;
}
.choose .color>div{
    float: left;
    width: 292px;
    height: 42px;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #757575;
    cursor: pointer;
}
.choose .color>div:nth-of-type(1){
    margin-right: 14px;
}
.choose .norms{
    font-size: 18px;
    color: #333;
    margin-top: 20px;
    height: 80px;
}
.choose .norms>div{
    float: left;
    width: 292px;
    height: 42px;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #757575;
    cursor: pointer;
}
.choose .norms>div:nth-of-type(1){
    margin-right: 14px;
}
.choose .price{
    width: 540px;
    height: 86px;
    padding: 30px;
    background-color: #f9f9fa;
    margin-top: 30px;
    margin-bottom: 30px;
}
.choose .price span:nth-of-type(1){
    display: block;
    float: left;
    line-height: 30px;
    color: #616161;
    font-size: 14px;
}
.choose .price span:nth-of-type(2){
    display: block;
    float: right;
    line-height: 30px;
    color: #616161;
    font-size: 14px;
}
.choose .price p{
    color: #ff6700;
    font-size: 24px;
    margin-top: 50px;
}
.choose .btn{
    height: 55px;
}
.choose .btn .shopcar{
    float: left;
    width: 298px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    color: #fff;
    background: #ff6700;
    margin-right: 14px;
    cursor: pointer;
    transition: .6s;
}
.choose .btn .shopcar:hover{
    background-color: #f25807;
    border-color: #f25807;
}
.choose .btn .like{
    float: left;
    width: 140px;
    height: 52px;
    line-height: 52px;
    border: 1px solid #b0b0b0;
    color: #fff;
    text-align: center;
    background: #b0b0b0;
    cursor: pointer;
    transition: .6s;
}
.choose .btn .like:hover{
    background-color: #757575;
    border-color: #757575;
}
.choose .gou{
    display: inline-block;
    font-size: 18px;
    color: #b0b0b5;
    vertical-align: middle;
    margin-top: 20px;
}
.choose .text>span{
    display: inline-block;
    color: #b0b0b5;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: 20px;
}
section .imglist img{
    width: 100%;
}
section .wx p{
    font-size: 22px;
    color: #333;
    padding: 22px 0;
}
section .wx img{
    width: 100%;
}
section .jgsm p{
    font-size: 22px;
    color: #333;
    padding: 22px 0;
}
section .jgsm img{
    width: 100%;
}
.tianjia{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -250px;
    width: 500px;
    height: 200px;
    background-color: rgba(0,0,0,.5);
    display: none;
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 200px;
}